﻿<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
Created by IntelliJ IDEA.
首页
User: Admin
Date: 2022/5/30
Time: 15:30
To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%--加入该标签手动开启el功能--%>
<%@page isELIgnored="false" %>
<html lang="zxx">
<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <%--CSS文件链接--%>
    <%@ include file="commit/headQuote.jsp" %>

    <title>Cognizance - Coronavirus (COVID-19) Awareness & Prevention</title>

    <link rel="icon" type="image/png" href="assets/img/favicon.png">
</head>

<body>

<!-- 预紧器 -->
<div class="preloader">
    <div class="loader">
        <div class="shadow"></div>
        <div class="box"></div>
    </div>
</div>
<!-- 结束 预紧器 -->

<!-- 开始头部区域 -->
<header class="header-area">
    <%--导航区--%>
    <%@ include file="commit/navigationQuote.jsp" %>
</header>
<!-- 结束头部区域 -->

<!-- 开始搜索覆盖 -->
<div class="search-overlay">
    <div class="d-table">
        <div class="d-table-cell">
            <div class="search-overlay-layer"></div>
            <div class="search-overlay-layer"></div>
            <div class="search-overlay-layer"></div>

            <div class="search-overlay-close">
                <span class="search-overlay-close-line"></span>
                <span class="search-overlay-close-line"></span>
            </div>

            <div class="search-overlay-form">
                <form>
                    <input type="text" class="input-search" placeholder="Search here...">
                    <button type="submit"><i class='bx bx-search-alt'></i></button>
                </form>
            </div>
        </div>
    </div>
</div>
<!-- 结束搜索覆盖 -->

<!-- 起始页标题区-->
<section class="page-title-area">
    <div class="container">
        <div class="page-title-content">
            <h2>产品详情</h2>
            <ul>
                <li><a href="index.jsp">主页</a></li>
                <li>产品详情</li>
            </ul>
        </div>
    </div>
</section>
<!-- 结束起始页标题区 -->

<!-- 开始产品详细信息区域 -->
<section class="product-details-area pt-100 pb-70">
    <c:forEach items="${okayapi_goods}" var="goods">
        <div class="container">
            <div class="row">
                <div class="col-lg-5 col-md-12">
                    <div class="products-details-image">
                        <ul class="products-details-image-slides">
                            <li><img src="${goods.gimgO}" alt="image"></li>
                            <li><img src="${goods.gimgT}" alt="image"></li>
                            <li><img src="${goods.gimgS}" alt="image"></li>
                        </ul>

                        <div class="slick-thumbs">
                            <ul>
                                <li><img src="${goods.gimgO}" alt="image"></li>
                                <li><img src="${goods.gimgT}" alt="image"></li>
                                <li><img src="${goods.gimgS}" alt="image"></li>
                            </ul>
                        </div>
                    </div>
                </div>

                <div class="col-lg-7 col-md-12">
                    <div class="products-details-desc">
                        <h3>${goods.goods_name}</h3>

                        <div class="price">
                            <span class="new-price" name="goods_price">${goods.goods_price}</span>
                        </div>

                        <div class="buy-checkbox-btn">
                            <div class="item">
                            </div>

                            <div class="item">
                                <a href="./pay?goods_price=${goods.goods_price}&goods_name=${goods.goods_name}" class="default-btn">现在就买</a>
                            </div>
                        </div>

                        <div class="products-details-accordion">
                            <ul class="accordion">
                                <li class="accordion-item">
                                    <a class="accordion-title" href="javascript:void(0)">
                                        <i class='bx bx-chevron-down'></i>
                                        描述
                                    </a>

                                    <div class="accordion-content">
                                        <p name="goods_desc">${goods.goods_desc}</p>
                                    </div>
                                </li>

                                <li class="accordion-item">
                                    <a class="accordion-title" href="javascript:void(0)">
                                        <i class='bx bx-chevron-down'></i>
                                        额外的信息
                                    </a>

                                    <div class="accordion-content">
                                        <table class="table table-striped">
                                            <tbody>
                                            <tr>
                                                <td>品牌:</td>
                                                <td>长沙科泰</td>
                                            </tr>
                                            <tr>
                                                <td>总类:</td>
                                                <td>物资</td>
                                            </tr>
                                            <tr>
                                                <td>重量:</td>
                                                <td>100 ton</td>
                                            </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </c:forEach>
</section>
<!-- 结束 产品详细信息区域 -->

<%--引用页脚区域--%>
<%@ include file="commit/footer.jsp" %>
<%--js文件引用--%>
<%@include file="commit/JsQuote.jsp" %>
</body>
</html>